@font-family:  -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-size-base: 14px;
@primary-color:  #2dbe60;
@border-color-base: #dedede;
@border-radius-base: 6px;
@border-radius-sm: 4px;

@form-item-margin-bottom: 10px;
@input-height-lg: 40px;
@input-padding-vertical-lg: 16px;
@input-hover-border-color: #3292ff;

@btn-padding-base: 5px 15px;
@btn-padding-lg: 11px 30px;

@btn-ghost-color: #3292ff;
@btn-ghost-bg: transparent;
@btn-ghost-border: #3292ff;

label {
    font-size: 14px;
}
button.form-item-btn{
    font-size: @font-size-base;
    padding: 8px 15px 9px;
}
.ant-input:focus {
    border-color: #3292ff;
    box-shadow: 0 0 0 1px #dcebfb;
}

.ant-form-explain{
    font-size: 14px;
    line-height: 3.5;
}
.ant-form-item-with-help {
    margin-bottom: 0;
}

.sm .ant-form-item-control {
    line-height: normal;
    font-size: 14px;
    .ant-checkbox-wrapper {
        font-size: 14px;
    }
}

.ant-form-item-required:before {
    float: left;
}

.ant-form-item-label label{
    color: #333;
}

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
    font-size: 32px;
    margin-top: 32px;
    color: #cacaca;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
    margin-bottom: 6px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
    margin-bottom: 32px;
}
.ant-upload.ant-upload-drag {
    border-style: solid;
    background: #fafafa;
}

.ant-alert {
    font-size: 14px;
    line-height: 14px;
}
.ant-alert-icon {
    font-size: 16px;
    top: 7px;
    left: 13px;
}

.ant-popover-title {
    color: #fff;
    text-align: center;
    background: #3fbc6c;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow:after, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow:after, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow:after {
    border-bottom-color: #3fbc6c;
}
.ant-popover-inner {
    overflow: hidden;
    border-radius: 2px;
}
.ant-checkbox-inner {
    border-radius: 2px;
}

.search-from {
    .ant-input {
        height: 30px;
    }
}

.ant-form-inline .ant-form-item.keywords > div {
    width: 320px;

    .ant-input-group-addon {
        padding: 4px 9px;
        font-size: 22px;
        cursor: pointer;
        color: #fff;
        background: #2dbe60;
    }
}

.gray-table {
    .ant-table {
        border-radius: 0;
        border: 1px solid #e3e4e5;
    }
    .ant-table-thead > tr > th {
        padding: 12px 8px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        background: #767f84;
        border-right: 1px solid #6c757a;
    }
    .ant-table-tbody > tr > td {
        padding: 10px 8px;
        border: none;
        border-right: 1px solid #e9eaeb;
    }
    .ant-table-thead > tr > th:last-child, .ant-table-tbody > tr > td:last-child,  {
        border: none;
    }
    .ant-table-tbody tr:nth-child(even) td {
        background: #f8f8f8;
    }
}

.ant-pagination-item {
    border-radius: 3px;
}

.ant-form-inline .ant-form-item.top-opr {
    float: right;
    margin: 0;
}

.ant-table-thead > tr > th .anticon-filter {
    color: #fff;
    font-size: 16px;
}
.ant-table-thead > tr > th .anticon-filter::before {
    content: "\E6CE";
    font-weight: normal;
}

.ant-tabs-nav .ant-tabs-tab {
    padding: 8px 4px;
}
.ant-tabs-nav .ant-tabs-tab::after {
    content: ' ';
    display: block;
    position: absolute;
    right: -14px;
    top: 14px;
    height: 12px;
    border-right: 1px solid #dedede;
}
.ant-tabs-nav .ant-tabs-tab:last-child::after {
    display: none;
}
.ant-tabs-nav .ant-tabs-tab-active {
    font-weight: 600;
}

div[data-reactroot] {
    height: 0;
}
div[data-reactroot].ant-notification { 
    width: 400px;
}

.ant-upload.ant-upload-select-picture-card {
    color: #999;
    width: 180px;
    height: 120px;

    i {
        font-size: 48px;
    }
}